<!DOCTYPE html>
<html{{ if .Site.Params.opengraph }} prefix="og: http://ogp.me/ns#"{{ end }}>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>{{ .Title }} &middot; {{ .Site.Author.name }}</title>
        <meta name="description" content="{{ with .Description }}{{ . }}{{ else }}{{ if .IsPage }}{{ .Summary }}{{ else }}{{ with .Site.Params.description }}{{ . }}{{ end }}{{ end }}{{ end }}">
        <meta name="HandheldFriendly" content="True">
        <meta name="MobileOptimized" content="320">
        {{ .Hugo.Generator }}
        <meta name="robots" content="index,follow">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        {{ if .Site.Params.opengraph }}{{ partial "opengraph.html" . }}{{ end }}
        {{ if .RSSLink }}
			<link href="{{ .RSSLink }}" rel="alternate" type="application/rss+xml" title="{{ .Site.Title }}" />
		  	<link href="{{ .RSSLink }}" rel="feed" type="application/rss+xml" title="{{ .Site.Title }}" />
		{{ end }}
        <link rel="shortcut icon" href="/img/favicon.ico" />
        {{ with .Site.Params.microblog }} <link rel="me" href="{{ . }}" /> {{ end }}
        {{ with .Site.Params.webmentionEndpoint }}<link rel="webmention" href="{{ . }}" /> {{ end }}
		{{ with .Site.Params.pingbackEndpoint }}<link rel="pingback" href="{{ . }}" /> {{ end }}
		<link rel="authorization_endpoint" href="https://indieauth.com/auth">
		<link rel="token_endpoint" href="https://tokens.indieauth.com/token">
		{{ with .Site.Params.micropubEndpoint }}<link rel="micropub" href="{{ . }}">{{ end }}
        <link rel="stylesheet" href="{{ .Site.BaseURL }}dist/styles.css">
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Libre+Franklin">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
        {{ partial "extra-in-head.html" . }}
    </head>
    <body>
        {{ template "_internal/google_analytics.html" . }}

        <div id="wrapper">
            <header class="site-header">
                <div class="container">
                    <div class="site-title-wrapper">
                        {{ with .Site.Params.logo }}
                            <a class="site-logo" title="{{ .Title }}" href="{{ .Site.BaseURL }}">
                                <img src="{{ . }}" alt="{{ .Title }}" />
                            </a>
                        {{ else }}
                            <h1 class="site-title">
                                <a title="{{ .Site.Title }}" href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a>
                            </h1>
                        {{ end }}
                        {{ with .Site.Params.feedurl }}
                        	<a class="button-square" href="{{ . }}" type="application/rss+xml" target="_blank"><i class="fa fa-rss"></i></a>
                        {{ else }}
                        	<a class="button-square" href="{{ .Site.BaseURL }}index.xml"><i class="fa fa-rss"></i></a>
                        {{ end }}
                        {{ with .Site.Params.twitter }}
                            <a class="button-square button-social hint--top" data-hint="Twitter" title="Twitter" href="{{ . }}"  target="_blank" rel="me">
                                <i class="fa fa-twitter"></i>
                            </a>
                        {{ end }}
                        {{ with .Site.Params.gitlab }}
                            <a class="button-square button-social hint--top" data-hint="Gitlab" title="Gitlab" href="{{ . }}"  target="_blank" rel="me">
                                <i class="fa fa-gitlab"></i>
                            </a>
                        {{ end }}
                        {{ with .Site.Params.github }}
                            <a class="button-square button-social hint--top" data-hint="Github" title="Github" href="{{ . }}"  target="_blank" rel="me">
                                <i class="fa fa-github-alt"></i>
                            </a>
                        {{ end }}
                        {{ with .Site.Params.stackoverflow }}
                            <a class="button-square button-social hint--top" data-hint="Stack Overflow" title="Stack Overflow" href="{{ . }}"  target="_blank" rel="me">
                                <i class="fa fa-stack-overflow"></i>
                            </a>
                        {{ end }}
                        {{ with .Site.Params.linkedin }}
                            <a class="button-square button-social hint--top" data-hint="LinkedIn" title="LinkedIn" href="{{ . }}"  target="_blank" rel="me">
                                <i class="fa fa-linkedin"></i>
                            </a>
                        {{ end }}
                        {{ with .Site.Params.gplus }}
                            <a class="button-square button-social hint--top" data-hint="Google+" title="Google+" href="{{ . }}"  target="_blank" rel="me">
                                <i class="fa fa-google-plus"></i>
                            </a>
                        {{ end }}
                        {{ with .Site.Params.email }}
                            <a class="button-square button-social hint--top" data-hint="Email" title="Email" href="mailto:{{ . }}"  target="_blank" rel="me">
                                <i class="fa fa-envelope"></i>
                            </a>
                        {{ end }}
                    </div>

                    <ul class="site-nav">
                        {{ partial "navigation.html" . }}
                    </ul>
                </div>
            </header>

            <div id="container">
